<template>
	<h1>vue-router 示例</h1>
	<hr />
	<RouterLink to="/home" class="link" active-class="link-active"
		>Home</RouterLink
	><br />
	<RouterLink to="/list" class="link" active-class="link-active"
		>List</RouterLink
	><br />
	<RouterLink to="/about" class="link" active-class="link-active"
		>About</RouterLink
	>
	<hr />
	<div>---start---</div>
	<RouterView></RouterView>
	<div>---end---</div>
</template>
<style>
  .link{
    font-size: 20px;
    color: #000;
    text-decoration: none;
  }
  .link-active{
    color: blueviolet;
  }
  .link:hover{
    color: blueviolet;
  }
</style>
